.user-container {
  .header {
    height: 20vh;
    background-color: #1890ff;
    padding: 40rpx;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    .user-desc {
      display: flex;
    }
    .avatar {
      height: 150rpx;
      width: 150rpx;
      background-color: antiquewhite;
      border-radius: 50%;
      .avatar-image {
        height: 150rpx;
        width: 150rpx;
      }
    }
    .name {
      margin-left: 50rpx;
      .nick-name {
        color: white;
        font-size: 50rpx;
      }
      .user-name {
        color: white;
      }
    }
  }
  .content {
    height: calc(80vh - 10rpx);
    display: flex;
    justify-content: center;
    align-items: flex-end;
    .logout-btn {
      width: 80vw;
      background-color: #1890ff;
      color: white;
    }
  }
}
